<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <titleType style="display: none;">yjjcz</titleType>
    <%- include('../../../_global/baseLibs') %>
    <link rel="stylesheet" href="/static/css/payment.css">
</head>
<body>
<!--设置头部信息-->
<header class="header-box fixed grey">
    <div class="header-content">
        <div class="left-tool">
            <a class="back" href="javascript:void(0);"><i class="iconfont icon-back"></i></a>
        </div>
        <div class="title">预交金充值</div>
    </div>
</header>

<section >

    <ul class="bilsContent">
        <li><span class="grayFont">患者住院记录</span></li>
        <li class="payInfo"><div><span class="grayFont">患者姓名:</span> 小*</div>
            <div><span  class="grayFont">证件类型:</span>身份证号</div></li>
        <li><span class="grayFont">证件号码:</span>362330199*****9090</li>
        <li class="payInfo"><div><span class="grayFont">卡类型:</span>自费 </div>
            <div><span  class="grayFont">卡号:</span>123455</div></li>
        <li class="payInfo"><div><span class="grayFont">入院时间:</span>2018-02-02</div>
            <div><span  class="grayFont">出院时间:</span></div>--</li>
    </ul>
    <ul class="recharge">
        <li><span>预交金充值</span><span class="right">金额:000</span></li>
        <li class="grayFont">请选择充值金额</li>
        <li class="selecteNum">
            <span class="active" name="1000">1000</span>
            <span name="1500">1500</span>
            <span name="2000">2000</span>
            <span name="5000">5000</span>
            <input type="number" name="" placeholder="输入其他金额">
        </li>
        <button  class="clickPay">立即充值</button>
    </ul>

</section>

</body>
<section class="page-wrap yyxx-box">
    <div class="pay-list-box">
        <div class="bg"></div>
        <ul id="payMode">
            <li class="title">请选择支付方式<i class="close-btn"></i></li>
            <li value="2" class="active">
                <a>
                    <i class="icon-box icon2"></i>
                    <span>支付宝</span>
                    <i class="yes-icon"></i>
                </a>
            </li>
            </li>
            <!--  <li value="0">
                 <a>
                     <i class="icon-box icon4"></i>
                     <span>到医院付</span>
                     <i class="yes-icon"></i>
                 </a>
             </li> -->
            <li>
                <div class="pay-btn-box">
                    <a class="pay-btn" href="javascript:void(0);">确认支付</a>
                </div>
            </li>
        </ul>
    </div>
</section>
<script type="text/javascript">


    var page_yjjcz = (function($, page_yjjcz) {
        function pay(){
            $('.pay-list-box').show();
        }


        var cfg_def = {
            pay: pay,
        }

        page_yjjcz.init = function(cfg){
            $.extend(page_yjjcz, cfg_def, cfg);

            $('.close-btn').click(function(){

                $('.pay-list-box').hide();

            });
            $(".selecteNum").find("span").on("click",function(data){

            })

            $('.clickPay').click(page_yjjcz.pay)
        }

        return page_yjjcz;
    })(jQuery, {});
    

</script>
</html>